<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页</title>
</head>

<body>
    <!-- header导航栏模块 -->
    <div class="header">
        <div class="header-c">
            <a href="#" class="logo">
            </a>
            <ul class="nav">
                <li class="nav-item"><a href="./index.html">首页</a>
                    <span class="line"></span></li>
                <li class="nav-item"><a href="./product.html">婚纱礼服</a>
                    <span class="line"></span></li>
                <li class="nav-item"><a href="./jewelry.html">珠宝配饰</a>
                    <span class="line"></span></li>
                <li class="nav-item"><a href="./latest activity.html">最新活动</a>
                    <span class="line"></span></li>
                <li class="nav-item"><a href="./about.html">关于我们</a>
                    <span class="line"></span></li>
            </ul>
        </div>
    </div>
    <!-- banner模块 -->
    <div class="banner">
        <!-- 左右箭头 -->
        <div class="arr-left"><a href="#"></a></div>
        <div class="arr-right"><a href="#"></a></div>
        <!-- 分页器 -->
        <ul class="fenye">
            <li class="fenye-item"></li>
            <li class="fenye-item"></li>
        </ul>
        <!-- banner-more -->
        <div class="banner-more"><a href="#" class="banner-more-a"></a></div>
        <ul class="sidebar">
            <li class="stick"><a href="#"></a></li>
            <li class="relation"><a href="#"></a></li>
        </ul>
    </div>
    <!-- product产品模块 -->
    <div class="product">
        <div class="product-c">
            <div class="product-c-wedding">
                婚纱礼服
            </div>
            <p class="product-c-dress">
                Wedding Dress
            </p>
            <ul class="product-nav clear">
                <li class="product-nav-item" style="margin-left: 0;"><a href="#">新品/NEW</a>
                    <span class="line"></span>
                </li>
                <li class="product-nav-item"><a href="#">2018春夏</a>
                    <span class="line"></span></li>
                <li class="product-nav-item"><a href="#">2018秋冬</a>
                    <span class="line"></span></li>
                <li class="product-nav-item"><a href="#">专属定制</a>
                    <span class="line"></span></li>
            </ul>
            <ul class="product-list clear">
                <li class="product-item product-item-a" style="margin-left: 0;">
                    <div class="mask">
                        <div class="mask-a">HER STYLE / 一字肩拖尾主纱</div>
                        <div class="mask-b">¥5389.00</div>
                        <div class="mask-c">白色 / M / VK2531</div>
                    </div>

                    <div class="product-item-qq">

                    </div>

                </li>
                <li class="product-item product-item-b">
                    <div class="mask">
                        <div class="mask-a">HER STYLE / 一字肩拖尾主纱</div>
                        <div class="mask-b">¥5389.00</div>
                        <div class="mask-c">白色 / M / VK2531</div>
                    </div>

                    <div class="product-item-qq">

                    </div>
                </li>
                <li class="product-item product-item-c">
                    <div class="mask">
                        <div class="mask-a">HER STYLE / 一字肩拖尾主纱</div>
                        <div class="mask-b">¥5389.00</div>
                        <div class="mask-c">白色 / M / VK2531</div>
                    </div>

                    <div class="product-item-qq">

                    </div>
                </li>
                <li class="product-item product-item-d">
                    <div class="mask">
                        <div class="mask-a">HER STYLE / 一字肩拖尾主纱</div>
                        <div class="mask-b">¥5389.00</div>
                        <div class="mask-c">白色 / M / VK2531</div>
                    </div>

                    <div class="product-item-qq">

                    </div>
                </li>
            </ul>
            <a href="#" class="product-more">MORE</a>
        </div>
    </div>
    <!-- Jewelry Show珠宝配饰模块 -->
    <div class="jewelry">
        <div class="jewelry-c">
            <div class="jewelry-a">珠宝配饰</div>
            <div class="jewelry-b">Jewelry Show</div>
            <ul class="jewelry-nav">
                <li class="jewelry-item jewelry-item-a" style="margin-left: 0;">
                    <div class="mask">
                        <p class="mask-a">传世之作，经典重现</p>
                        <p class="mask-b">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li class="jewelry-item jewelry-item-b">
                    <div class="mask">
                        <p class="mask-a">传世之作，经典重现</p>
                        <p class="mask-b">维罗尼卡倾情呈现“斑斓之境”（The 77777777777777777777777）</p>
                    </div>
                </li>
                <li class="jewelry-item jewelry-item-c">
                    <div class="mask">
                        <p class="mask-a">传世之作，经典重现</p>
                        <p class="mask-b">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li class="jewelry-item jewelry-item-d">
                    <div class="mask">
                        <p class="mask-a">传世之作，经典重现</p>
                        <p class="mask-b">维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
            </ul>
            <a href="#" class="more">MORE</a>
        </div>
    </div>
    <!-- Latest Activities最新活动模块 -->
    <div class="latest">
        <div class="latest-c clear">
            <div class="latest-a">最新活动</div>
            <div class="latest-b">Latest Activities</div>
            <ul class="latest-nav">
                <li class="latest-item">
                    <div class="ytd">
                        <span class="day">06-18</span>
                        <span class="year">2018</span>
                    </div>
                    <p class="xinpin">新品发布会</p>
                    <p class="bansui">伴随着T台两侧色彩趋势报告的发布，<br>
                        VERONICA2017婚纱新品发布会正在激烈的进行当中...</p>
                    <div class="more">
                        <a href="#">more ></a>
                    </div>
                </li>
                <li class="latest-itema"></li>
                <li class="latest-item">
                    <div class="ytd">
                        <span class="day">12-24</span>
                        <span class="year">2017</span>
                    </div>
                    <p class="xinpin">圣诞高级定制发布会</p>
                    <p class="bansui">
                        《金字塔铭文》中有这样的话：“天空 <br>
                        把自己的光芒伸向你，以便你可以去到...
                    </p>
                    <div class="more">
                        <a href="#">more ></a>
                    </div>
                </li>
                <li class="latest-item">
                    <div class="ytd">
                        <span class="day">06-21</span>
                        <span class="year">2017</span>
                    </div>
                    <p class="xinpin">夏季新品发布会</p>
                    <p class="bansui">
                        “我非常欣赏并且热爱美国。因为<br>
                        这里是我获得成功的地方。在许...
                    </p>
                    <div class="more">
                        <a href="#">more ></a>
                    </div>
                </li>
            </ul>
            <a href="#" class="moreyy">MORE</a>
        </div>

    </div>
    <!-- 设计师模块 -->
    <div class="designers">
        <div class="designers-c">
            <div class="designers-a">设计师</div>
            <div class="designers-b">Designers</div>
            <ul class="designers-nav clear">
                <li class="designers-item" style="margin-left: 0;">
                    <div class="frofile1"></div>
                    <div class="name">Jason . W</div>
                    <p class="occupation">资深设计师</p>
                    <p class="introduce">法国时装设计师，VERONICA品牌创始人之一，设计<br>
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more">
                        <a href="#">MORE</a>
                        <span class="line"></span>
                    </div>
                </li>
                <li class="designers-item">
                    <div class="frofile2"></div>
                    <div class="name">颜澈</div>
                    <p class="occupation">资深设计师</p>
                    <p class="introduce">设计界的“设计鬼才”从题材到表现方式都引起了极大<br>
                        的福布斯中国最具潜力，每一个产品都是我们精...
                    </p>
                    <div class="more">
                        <a href="#">MORE</a>
                        <span class="line"></span>
                    </div>
                </li>
                <li class="designers-item">
                    <div class="frofile3"></div>
                    <div class="name">katherine .J</div>
                    <p class="occupation">运营总监</p>
                    <p class="introduce">The world's leading electronic design journal <br>
                        NEWWEBPICK recommended the designer...</p>
                    <div class="more">
                        <a href="#">MORE</a>
                        <span class="line"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- footer模块 -->
    <div class="footer">
        <div class="footer-c">
            <div class="lei">
                <p class="tailei">网站备案号：豫ICP备110121210号</p>
                <p class="taileile">增值电信业务经营许可证号：豫B2-20100033</p>
            </div>
            <ul class="jiaru">
                <li class="jiaru1"> &copy; 2018 VERONICA</li>
                <li class="jiaru1">
                    <a href="#">联系我们</a>
                </li>
                <li class="jiaru1"> <a href="#">加入我们</a></li>
            </ul>
        </div>
    </div>
</body>

</html>